#footer {
  background: #36373f;
  height: auto;
  overflow: hidden;
  min-width: 1200px;
}
#footer-info {
  font-size: 0;
  overflow: hidden;
}
#footer-info > li {
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
}
.footer-realize {
  width: 184px;
}
.footer-relation {
  width: 294px;
}
.footer-media {
  width: 372px;
}
.footer-title {
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  line-height: 32px;
  border-bottom: 1px solid #9fa4b2;
}
#footer #colophon,
#footer-info {
  width: 1200px;
  margin: 0 auto;
}
#footer #colophon {
  margin-top: 15px;
  margin-bottom: 20px;
}
#footer-info a {
  font-size: 14px;
  color: #abb1c0;
  display: inline-block;
  line-height: 14px;
}
#footer-info ul {
  padding-top: 38px;
}
#footer-info ul li {
  margin-bottom: 24px;
}
#footer-info .footer-media-info a {
  width: 124px;
}
#footer-info .footer-wechat li {
  display: inline-block;
  margin-right: 15px;
}
#footer-info .footer-wechat li:last-child {
  margin-right: 0;
}
.footer-wechat-img {
  width: 106px;
  height: 105px;
}
.footer-wechat-title {
  font-size: 14px;
  color: #c1ccd9;
  text-align: center;
  line-height: 14px;
  padding-top: 10px;
}
#colophon {
  color: #7c808b;
  font-size: 12px;
}
#colophon > div {
  text-align: center;
  line-height: 22px;
}
/*友情链接*/
#friend-link {
  width: 1200px;
  margin: 0 auto;
  color: #ffffff;
  overflow: hidden;
}
#friend-link .footer-title {
  width: 100%;
}
#friend-link > ul {
  padding: 22px 0 40px;
}
#friend-link > ul li {
  float: left;
  /*width: 80px;*/
  margin-right: 32px;
}
#friend-link > ul li:nth-child(11n + 11) {
  /*margin-right: 0;*/
}
#friend-link a {
  font-size: 14px;
  color: #abb1c0;
  display: inline-block;
  line-height: 36px;
}
#footer #footer-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  overflow: visible;
}
#footer #footer-info .footer-realize {
  flex: 1;
}
#footer #footer-info .footer-realize .content {
  display: flex;
}
#footer #footer-info .footer-realize .content > li {
  margin-right: 50px;
  height: 40px;
  position: relative;
}
#footer #footer-info .footer-realize .content > li:last-child {
  margin-right: 0;
}
#footer #footer-info .footer-realize .content > li .show-wrapper {
  width: 140px;
  height: 0px;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background: rgba(67, 68, 74, 0.5);
  overflow: hidden;
  transition: all 500ms;
}
#footer #footer-info .footer-realize .content > li .show {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  height: 150px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
#footer #footer-info .footer-realize .content > li .show > div {
  display: flex;
  justify-content: center;
}
#footer #footer-info .footer-realize .content > li .show .wechat-qrcode {
  margin-bottom: 5px;
}
#footer #footer-info .footer-realize .content > li .show .wechat-qrcode img {
  width: 105px;
  height: 105px;
}
#footer #footer-info .footer-realize .content > li .show .info {
  font-size: 12px;
  line-height: 2em;
  color: #fefefe;
  text-align: center;
  margin-bottom: 8px;
}
#footer #footer-info .footer-realize .content > li .show .desp {
  font-size: 12px;
  line-height: 18px;
  color: #abb1c0;
  text-align: center;
}
#footer #footer-info .footer-realize .content > li:hover .show-wrapper {
  height: 150px;
}